.user {
		background-image: url(../../static/images/my_topbg.png);
		background-size: 100% 420rpx;
		background-repeat: no-repeat;
        
        .header,
        .main {
            padding: 0 20rpx;
        }
        
		.header {
			display: flex;
			flex-direction: column;
			// height: 420rpx;
			.user-info {
				padding: 10rpx 0;
				//#ifdef  H5 
				padding-top: 90rpx;
				//#endif
				.avatar {
					height: 110rpx;
					width: 110rpx;
					border-radius: 50%;
					overflow: hidden;
				}
				.name {
					margin-bottom: 10rpx;
					display: flex;
					align-items: center;
					
					.text{
						text-align: left;
						max-width: 200rpx;
						display: inline-block;
					}
					
					.img{
						width: 50rpx;
						max-height: 50rpx;
						height: auto;
						margin-left: 20rpx;
					}
				}

				.user-id {
					border: 1px solid white;
					border-radius: 50px;
					
					.copy-btn {
						background-color: #FFDFDA;
						height: 40rpx;
						width: 90rpx;
						border-radius: 50px;
					}
				}

				.user-opt {
					position: relative;

					.dot {
						position: absolute;
						background-color: #ee0a24;
						border: 2rpx solid #FFFFFF;
						color: $-color-primary;
						border-radius: 100%;
						top: 6rpx;
						right: 0rpx;
						font-size: 22rpx;
						min-width: 16rpx;
						height: 16rpx;
					}
				}

				.buyer-type {
					background-color: #FFA200;
					height: 38rpx;
					padding: 0 10rpx;
				}
			}
		}

		.order-nav,
        .server-nav {
			margin: 20rpx 0 0;
			border-radius: 7px;
		}
		
		
		.message-bar{
			// width: 710rpx;
			// height: 96rpx;
			// background: #F7E2E4;
			// border-radius: 12rpx;
			// padding: 0 20rpx;
			.tag{
				height: 40rpx;
				background: #FF2C3C;
				border-radius: 120rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 22rpx;
				color: #FFFFFF;
				line-height: 24rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 20rpx;
				flex-shrink: 0;
			}
			.text{
				flex: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #333333;
				line-height: 24rpx;
				padding: 0 20rpx;
				display: inline-block;
			}
		}
		
		
		.menu-bar{
			width: 710rpx;
			height: 140rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.lease-order-mode{
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex: 1;
				padding: 0 28rpx;
				.left{
					display: flex;
					flex-direction: column;
					.label{
						font-family: PingFang SC, PingFang SC;
						font-weight: 600;
						font-size: 28rpx;
						color: #303133;
						line-height: 28rpx;
					}
					.text{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #AEB1C0;
						line-height: 24rpx;
						margin-top: 16rpx;
						
					}
				}
			}
			.line{
				width: 1px;
				height: 60rpx;
				background: #E8E8EA;
			}
		}
		
		.wallet-box{
			width: 710rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			
			.content{
				display: flex;
				align-items: center;
				height: 160rpx;
				.item{
					flex: 1;
					flex-shrink: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					.no{
					font-family: PingFang SC, PingFang SC;
					font-weight: 600;
					font-size: 40rpx;
					color: #333333;
					line-height: 40rpx;
					}
					.text-bar{
						margin-top: 15rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						.label{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #666666;
							line-height: 24rpx;
						}
						.tag{
							width: 70rpx;
							height: 28rpx;
							background: #24A3FF;
							border-radius: 20rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 16rpx;
							color: #FFFFFF;
							line-height: 16rpx;
							margin-left: 8rpx;
						}
					}
				}
			}
		}
		
		
		

		.title {
			height: 88rpx;
			padding: 0 30rpx;
			border-bottom: $-solid-border;
		}
		
		
		
		.sign-in-box{
			width: 710rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			
			.title{
				align-items: flex-end;
				padding-bottom: 20rpx;
				.text{
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 20rpx;
					color: #FF2C3C;
					line-height: 36rpx;
					margin-left: 10rpx;
				}
			}
			
			.content{
				height: 228rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 10rpx;
				.item{
					flex: 1;
					flex-shrink: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					
					.box{
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						width: 72rpx;
						height: 104rpx;
						border-radius: 8rpx 8rpx 8rpx 8rpx;
						.img-box{
							width: 32rpx;
							height: 32rpx;
							.img{
								width: 32rpx;
								height: 32rpx;
							}
						}
						.text{
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 24rpx;
							line-height: 24rpx;
							text-align: center;
							margin-top: 15rpx;
						}
					}
					.label{
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						line-height: 24rpx;
						text-align: center;
						margin-top: 20rpx;
					}
				}
				/*已签*/
				.style-1{
					.box{
						background: rgba(36, 163, 255, 0.2);
						
						.text{
							color: #24A3FF;
						}
					}
					.label{
						color: #24A3FF;
					}
				}
				/*今天*/
				.style-2{
					.box{
						background: #24A3FF;
						
						.text{
							color: #ffffff;
						}
					}
					.label{
						color: #24A3FF;
						font-weight: 600;
					}
				}
				/*未签*/
				.style-0{
					.box{
						background: #F6F6F6;
					
						.text{
							color: #999999;
						}
					}
					.label{
						color: #24A3FF;
					}
				}
			}
		}

		.nav {
			padding: 26rpx 0 0;

			.assets-item {
				flex: 1;
			}

			.item {
				width: 25%;
			}
			.icon-contain{
				position: relative;
			}

			.badge {
				padding: 0 6rpx;
				min-width: 28rpx;
				height: 28rpx;
				border-radius: 14px;
				box-sizing: border-box;
				border: 1rpx solid $-color-primary;
				color: $-color-primary;
				position: absolute;
				left: 33rpx;
				top: -10rpx;
				z-index: 2;
			}

			.nav-icon {
				width: 52rpx;
				height: 52rpx;
			}
		}
        

	}